<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      >
    <h:head>
        <meta charset="utf-8"/>
        <title>Solution billeterie</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <meta name="description" content=""/>
        <meta name="author" content=""/>
        <!-- Le styles -->
        <link href="assets/css/bootstrap.css" rel="stylesheet"/>
        <link href="assets/css/main.css" rel="stylesheet"/>
        <link href="assets/css/tek.css" rel="stylesheet"/>
        <style type="text/css">
            body {
                padding-top: 60px;
            }
        </style>
        <link href="assets/css/bootstrap-responsive.css" rel="stylesheet" />
        <link rel="shortcut icon" href="assets/ico/favicon.ico"/>
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png"/>
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png"/>
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png"/>
        <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png" />
        <!-- Google Fonts call. Font Used Open Sans -->

    </h:head>
    <h:body>
        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="index.xhtml?faces-redirect=true"><img src="assets/img/logo-small.png" alt=""/> Solution Billetterie</a>
                    <ui:include src="header.xhtml" />
                </div>
            </div>
        </div>
        <!-- *********************************************************************************** -->
        <div class="container">
            <!-- CONTENT -->
            <div class="row-fluid">
                <br/>
                <!-- Invoice -->
                <div style="height: 500px;width: 1300px;" class="invoice-unit">
                    <div class="invoice">
                        <div class="invoice-name">
                            Stock
                        </div>
                        <div class="invoice-company">
                            <h3 style="font-size:26px;"><strong>Recherche Transaction</strong></h3>
                        </div>                          
                    </div>
                    <h:form id="form">
                      NS: <h:inputText  value="#{annulation.id}"   />
                        <p:commandButton ajax="true" value="chercher" update="tbl,f,fo" action="#{annulation.chercher()}" />
                        <p:commandButton ajax="false" value="Retour"  action="MarwenGest.xhtml?faces-redirect=true" />
                        <h:panelGrid columnClasses="alignTop,alignTop"  style="text-align: left;vertical-align: top;"  columns="3"  >
                            <p:dataTable style="font-size: x-small;vertical-align: top;width: 550px;" id="tbl" var="user" value="#{annulation.ventes}" 
                                         emptyMessage="Aucune  Transaction" 
                                         paginator="true" rows="5"  
                                         >  
                                <p:column id="ID"    
                                          headerText="ID"   
                                          filterMatchMode="contains">
                                    <f:facet name="header">  
                                        <h:outputText value="ID" />  
                                    </f:facet> 
                                    <h:outputText value="#{user.id.numero}" />  
                                </p:column>  
                                <p:column  
                                    headerText="Etat"   
                                    filterMatchMode="contains">
                                    <f:facet name="header">  
                                        <h:outputText value="Etat" />  
                                    </f:facet> 
                                    <h:outputText value="#{user.id.etat}" />  
                                </p:column>  
                                <p:column  
                                    headerText="Time"   
                                    filterMatchMode="contains">
                                    <f:facet name="header">  
                                        <h:outputText value="Time" />  
                                    </f:facet> 
                                    <h:outputText value="#{user.id.time}" />  
                                </p:column>  
                                <p:column  
                                    headerText="Date"   
                                    filterMatchMode="contains">
                                    <f:facet name="header">  
                                        <h:outputText value="Date" />  
                                    </f:facet> 
                                    <h:outputText value="#{user.id.date}" />  
                                </p:column>

                                <p:column  
                                    headerText="Portes"   
                                    filterMatchMode="contains">
                                    <f:facet name="header">  
                                        <h:outputText value="Porte" />  
                                    </f:facet> 
                                    <h:outputText value="#{user.id.porte}" />  
                                </p:column>
                            </p:dataTable>  
                            <h:panelGrid columnClasses="alignTop,alignTop"  style="text-align: left;vertical-align: top;"  columns="3"  >

                                <p:panel header="Infromation Billet" style="width: 350px;height: 246px;vertical-align: top;">
                                    <h:panelGrid id="f"   style="text-align: left;" columns="2" >
                                        <h:outputText value="Id Billet:" style="font-weight: bold" />
                                        <h:outputText value="#{annulation.billet.id}"    />
                                        <h:outputText value="Numero:" style="font-weight: bold" />
                                        <h:outputText  value="#{annulation.billet.numero}"    />
                                        <h:outputText value="Type:" style="font-weight: bold" />
                                        <h:outputText   value="#{annulation.billet.typeb.typeBillet.modele}"    />
                                        <h:outputText value="Spec:" style="font-weight: bold" />
                                        <h:outputText   value="#{annulation.billet.typeb.evenement.titre}"    />
                                        <h:outputText value="Utilisée:" style="font-weight: bold" />
                                        <h:outputText   value="#{annulation.billet.utilise}"    />
                                        <h:outputText value="Nombre accees:" style="font-weight: bold" />
                                        <h:outputText   value="#{annulation.billet.bnrAcces}"    />
                                    </h:panelGrid>
                                </p:panel>
                                <p:panel header="Infromation Billet Onligne" style="width: 350px;height: 246px;vertical-align: top;">
                                    <h:panelGrid id="fo"   style="text-align: left;" columns="2" >
                                        <h:outputText value="IdOrder Billet:" style="font-weight: bold" />
                                        <h:outputText value="#{annulation.o.id.idorder}"    />
                                        <h:outputText value="Numero:" style="font-weight: bold" />
                                        <h:outputText  value="#{annulation.o.id.numeroSerie}" />
                                        <h:outputText value="Utilisée:" style="font-weight: bold" />
                                        <h:outputText  value="#{annulation.o.utilise}" />
                                        <h:outputText value="Type web:" style="font-weight: bold" />
                                        <h:outputText  value="#{annulation.o.typeweb}" />
                                        <h:outputText value="Spectacle:" style="font-weight: bold" />
                                        <h:outputText  value="#{annulation.festivaleFromTypeWeb(annulation.o.typeweb)}" />
                                    </h:panelGrid>
                                </p:panel>
                            </h:panelGrid>
                            <br/>
                            <h:panelGrid style="width: 550px;">

                                <p:messages autoUpdate="true"  />

                            </h:panelGrid>

                        </h:panelGrid>
                    </h:form>
                </div><!-- /BlockUnit -->
            </div><!-- /row -->
        </div>




    </h:body>
</html>